<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"></meta>
    <title>用户详细信息</title>
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"></meta>
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache"></meta>
    <meta HTTP-EQUIV="Expires" CONTENT="0"></meta>
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}" media="all"> </link>
    <link rel="stylesheet" th:href="@{/static/css/user.css}"  media="all" > </link>
</head>
<body class="childrenBody">
<form class="layui-form">
    <div class="user_left">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text"  th:value="${userinfo.username}"  class="layui-input" placeholder="请输入用户名"></input>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">真实姓名</label>
            <div class="layui-input-block">
                <input type="text" th:value="${userinfo.name}" placeholder="请输入真实姓名" lay-verify="required" class="layui-input"></input>
            </div>
        </div>
       <!-- <div class="layui-form-item" pane="">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="sex" value="男" title="男" checked=""></input>
                <input type="radio" name="sex" value="女" title="女"></input>
            </div>
        </div>-->
        <div class="layui-form-item">
            <label class="layui-form-label">手机号码</label>
            <div class="layui-input-block">
                <input type="tel" th:value="${userinfo.telphone}" placeholder="请输入手机号码" lay-verify="required|phone" class="layui-input"></input>
            </div>
        </div>
        <!--<div class="layui-form-item">
            <label class="layui-form-label">出生年月</label>
            <div class="layui-input-block">
                &lt;!&ndash;th:if="${userinfo.birth != null}"th:value="${userinfo.birth}" &ndash;&gt;
                <input type="text"  lay-verify="required|date" onclick="layui.laydate({elem: this,max: laydate.now()})" class="layui-input"></input>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">家庭住址</label>
            <div class="layui-input-inline">
                <select name="province" lay-filter="province">
                    <option value="">请选择省</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="city" lay-filter="city" disabled="true">
                    <option value="">请选择市</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="area" lay-filter="area" disabled="true">
                    <option value="">请选择县/区</option>
                </select>
            </div>
        </div>-->
        <div class="layui-form-item">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-block">
                <input type="text" th:value="${userinfo.email}" placeholder="请输入邮箱" lay-verify="required|email" class="layui-input"></input>
            </div>
        </div>
       <!-- <div class="layui-form-item">
            <label class="layui-form-label">自我评价</label>
            <div class="layui-input-block">
                &lt;!&ndash;th:if="${userinfo.evaluation != null}" th:value="${userinfo.evaluation}" &ndash;&gt;
                <textarea  placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
        </div>-->
    </div>
    <!--<div class="user_right">
        <input type="file" name="file"  class="layui-upload-file" lay-title="掐指一算，我要换一个头像了"></input>
        <img src="" class="layui-circle" id="userFace"></img>
    </div>-->
    <div class="layui-col-md3 layui-col-xs12 user_right">
        <div class="layui-upload">
            用户图片：<input  id="userFace" type="file" onchange="preview(this)"></input><br/>
            <div id="preview"></div>
            <!--<img class="layui-upload-img layui-circle" th:src="@{/static/{path}(path=${session.loginUserKey.user.header})}" id="userFace"></img>-->
        </div>
        <button type="button" class="layui-btn layui-btn-primary userFaceBtn"><i class="layui-icon">&#xe67c;</i>上传</button>

    </div>
    <div class="layui-form-item" style="margin-left: 5%;">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
    <script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/address.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/userinfo.js}"></script>
</body>
</html>